*{padding: 0px; margin: 0px; font-family: "microsoft yahei"; margin: 0; padding: 0;list-style: none;  text-decoration: none ; }
a{ text-decoration: none; color:#999999;}
a:hover{ color:#015cb5;}
.black{ color: #343434;}
.clear{ clear: both;}
.title_en{color: #3bbf47; margin-left: 10px; font-weight: normal;}
.hide{ display: none;}


.index_pro ul.content_wrap li a:hover,.gradient,.main_pro_cate a:hover{
    background-color: #015cb5;
    color: #fff;
}
#header{ width:100%;  }
#topbar{width: 100%; height: 34px; background: #f3f3f3; font-size: 14px;}
#topbar_wrap{ width: 1200px; height: 34px; margin: 0 auto; position: relative; line-height: 34px; color:#959595;}
#topbar_tools{ float: right;}
#topbar_tools a{ color: #959595; }
#topbar_tools a:hover{ color: #015cb5;}
#topbar_wrap h3{ font-weight: normal; font-size: 14px;}
#top{ width: 1200px; height: 103px; margin:  0 auto; position:relative;  }
#logo{ height: 103px; float: left; margin-right: 5px;}
#logo a{  display: block; margin-top: 12px;}
#logo h1{ text-indent: -999999px;  }
.logo_middle-box{display: table; height: 103px; margin-left: 20px;}
.logo_middle-inner{display: table-cell; vertical-align:middle; text-align:center;}
.logo_title{ font-size: 26px; color: #5b5b5b; font-weight: bold;}
.logo_des{
    text-align:center;
    margin-top: -5px;
    color: #979797;
}
.line
{
    display:inline-block;
    width:60px;
    border-top:1px solid #d1d1d1;
    vertical-align:5px;
    margin-right: 10px;
    margin-left: 10px;
}
.log_des i{display:block;height:1px;background:#e1e1e1;position:absolute;top:0.9rem;width:100%;}
.logo_des font{ font-size: 14px; color: #979797; display:inline-block;
    font-size: 0.75rem;
    color:#c1c1c1;
    background:rgba(240,240,240,1);
    padding:0 1.875rem;
    text-align: center;
    margin:0 auto;
    position:relative;
    z-index:2;
}
.tel{ width: 200px;  color: #f37f1c; font-size: 22px; font-weight: bold;   position: absolute; right:0px; top:50%; margin-top: -20px; }
.tel p span{  overflow: hidden; color: #f37f1c; font-size: 22px; display: block; }
.tel i{  font-size: 34px; color: #adadad; vertical-align: middle; margin-right: 10px; position: absolute;top:0px; left:-43px; }
#menu{ width: 100%; height: 50px; line-height: 50px;  }
#menu ul{ width: 1200px; margin: 0 auto; }
#menu ul li{ list-style: none; float: left;  }
#menu ul li a{ width: 150px; display: inline-block; text-align: center; color: #fff;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#004f9d',endColorStr='#015cb5',gradientType='1');
    background-color: #015cb5;
    background: -moz-linear-gradient(left, #004f9d, #015cb5);
    background: -o-linear-gradient(left,#004f9d, #015cb5);
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#004f9d), to(#015cb5));
}
#menu ul li a:hover,.menuhover{ background: #f37f1c;}
#menu ul li .menu_active{background: #f37f1c;}
#flash{ width: 100%;  height: 550px; }
.swiper-container{ width: 100%; }

#main{}
#main_tedian{ padding-top:40px;}
.main_wrap{ width:1200px;  margin: 0 auto; }
.main_wrap h4{ text-align: center; padding: 0px  0px 40px; 0px;  font-size: 18px;   color: #1967c9;  }
.main_wrap .title_c_wrap{ margin-left: 60px;text-align: center;  }
.title_c_wrap font{ display: block; padding: 2px 0px; margin-bottom: 2px;  font-size: 26px; margin-top: 7px; font-weight: bold; }
.title_c_wrap i{ width: 50px;display: block; text-align: center; margin: 0 auto; border-bottom: 4px solid #015cb5; margin: 10px auto; }
.title_content {  text-align: center; height: 70px;    margin: 0 auto; color: #959595; font-size: 16px; font-weight: normal; }
#main_search{ width: 100%; height: 66px; background: #f2f2f2;line-height: 66px;}
.search_wrap{ float: right;}
.search_wrap input{ width: 280px; height: 32px; line-height: 32px; border: 1px solid #dcdcdc; border-right: none;  text-indent: 5px; outline: none; }
.search_wrap button{width:32px;height:34px;border: 1px solid  #dcdcdc; border-left:none; vertical-align: middle; margin-top: -2px; background:url("../images/y_search.png") no-repeat center center;  background-color: #ffffff; }
.search_keywords{ font-size: 14px; color: #787878; text-align: right;}
.search_keywords b{font-size: 16px; color: #353535;}
.search_keywords a{ color: #353535;}
.search_keywords a:hover{ color: #015cb5}

.main_pro_cate{ width: 100%; height: 182px; margin: 90px 0px 50px 0px;}
.main_pro_cat_wrap{ width: 1200px; margin: 0 auto;}
.main_pro_cate .main_pro_cat_content{ width: 225px; height: 180px; display: block; float: left; text-align: center; position: relative; color: #333333; margin-right: 15px; border: 1px solid #eaeaea;}
.main_pro_cate .main_pro_cat_content:last-child{ margin-right: 0px;}
.main_pro_cate .main_pro_cat_content b{ display: block;font-size: 18px; }
.main_pro_cate .main_pro_cat_content  font{ display: block;  font-size: 14px; vertical-align: middle;}
.main_pro_cate .main_pro_cat_content i{ width: 50px; height: 1px; display: block; background: black; text-align: center; margin: 7px auto;}
.main_pro_cate .main_pro_cat_content  span{  width: 114px; height: 114px; display: block; border-radius: 114px; background: #015cb5;  position: absolute; top: -57px; left:55.5px;  font-size: 50px; line-height: 100px;vertical-align: middle;}
.main_pro_cate .main_pro_cat_content .section{  position: relative; top:80px;}
.main_pro_cate .main_pro_cat_content span .pro11{ width:65px; height: 65px; display: inline-block; background: url("../images/gc.png") no-repeat; position: absolute; top:20px; left:30px; }
.main_pro_cate .main_pro_cat_content span .pro22{ width:65px; height: 65px; display: inline-block; background: url("../images/cx.png") no-repeat; position: absolute; top:20px; left:30px; }
.main_pro_cate .main_pro_cat_content span .pro33{ width:65px; height: 65px; display: inline-block; background: url("../images/zl.png") no-repeat; position: absolute; top:25px; left:26px; }
.main_pro_cate .main_pro_cat_content span .pro44{ width:65px; height: 65px; display: inline-block; background: url("../images/fh.png") no-repeat; position: absolute; top:20px; left:32px; }
.main_pro_cate .main_pro_cat_content span .pro55{ width:65px; height: 65px; display: inline-block; background: url("../images/kc.png") no-repeat; position: absolute; top:20px; left:26px; }

.main_product{ width: 100%; height: 258px; margin: 90px 0px 40px 0px;  }
.main_product_contnet{ width: 100%; height: 100px;  background: red;}
.main_product_top{ display: block; margin-top: 40px;}
.main_product_content_left{
    width: 226px;
    float: left;
    margin-right: 34px;
}
.main_product_content_left h3{
    width: 207px;
    height: 50px;
    line-height: 50px;
    background: #015cb5;
    font-size: 16px;
    text-indent: 10px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    padding: 0 10px;
    margin-top: 2px;
}
.main_product_content_left h3 a{
    color: #fff;
}
.main_product_content_left ul{
    display: none;
    border: 1px solid #dcdcdc;
}
.main_product_content_left ul li{
    width: 204px;
    height: 50px;
    text-indent: 20px;
    line-height: 50px;
    border-bottom: 1px dotted #dcdcdc;
    padding: 0 10px;
}
.main_product_content_left ul li a{
    color: #525252;
    display: block;
    font-size: 14px;
    font-weight: normal;
}
.main_product_content_left ul li a:hover{  color: #015cb5;}
.main_product_content_right{ width: 940px; height: 670px; display: inline-block; }
.main_product_content_right ul.content_wrap{}
.main_product_content_right ul.content_wrap li{margin-bottom: 30px; margin: 0 2px; margin-bottom: 20px; float: left; margin-right: 5px; }
.main_product_content_right ul.content_wrap li .proinfo{ width: 300px; height: 308px; padding: 1px; display: inline-block;  border: 1px solid #d2d2d2; text-align: center; font-size: 16px; color: #3a3a3a;  }
.main_product_content_right ul.content_wrap li .proinfo b{ height: 40px; line-height: 40px; font-size: 14px; }
.main_product_content_right ul.content_wrap li .proinfo img{ width: 298px; height: 228px; margin: 1px;}
.main_product_content_right ul.content_wrap li p a{ font-size: 14px; width: 150px; height: 36px; line-height: 36px; display: inline-block; color: #fff; }
.main_product_content_right ul.content_wrap li p a:hover{  text-decoration: underline; }
.index_links{ margin: 10px 0; }
.index_links ul.content_wrap{}
.index_links ul.content_wrap li{list-style: none; float: left;}
.index_links ul.content_wrap li a{ display: inline-block; width: 186px; height: 150px; text-align: center;  overflow: hidden;  }
.index_links ul.content_wrap li a:hover b{ color: #015cb5;}
.index_links ul.content_wrap li a b{ font-weight: normal; font-size: 14px; width: 100%; height: 46px;  line-height: 46px; text-align: center; margin-top: -3px; color:#333333;  display: block; overflow: hidden;}
.index_links ul.content_wrap li a img{ width: 174px; height: 90px; margin: 0 auto;border: 6px solid #dcdcdc; }

#main_ad{width: 100%; height: 220px;  background: url("../images/y_ad_bg.png") repeat; }
.main_ad_wrap{
    height: 222px;
}
.main_ad_wrap .wrapper{
    background: url(../images/y_ad.png) no-repeat center;
    height: 100%;
    width: 1200px;
    margin: 0 auto;
}
.main_ad_wrap .g-t{
    float: right;
}
.main_ad_wrap .g-t .ad_tel{
    font-size: 36px;
    color:#fff;
    font-weight: 700;
    margin-top: 76px;
    text-align: center;
}
.main_ad_wrap .g-t .abox a{
    display: block;
    float: left;
    width:140px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
}
.main_ad_wrap .g-t .abox a:hover{
    text-decoration: underline;
}
.main_ad_wrap .g-t .abox{
    margin-top: 27px;
}
.main_ad_wrap .g-t .abox a:first-child{
    background: #fff;
    color:#0054b7;
}
.main_ad_wrap .g-t .abox a:last-child{
    background: #f37f1c;
    color:#fff;
}
.main_ad_wrap .g-t .w{
    font-size: 16px;
    text-align: center;
    color:#fff;
}
.main_ad_wrap .g-t .er{
    margin-top: 42px;
}
.main_ad_wrap .g-t img{
    width: 125px;
    height:125px;
    overflow: hidden;
}

#main_corp,#main_core{ width: 100%; margin: 40px 0px 40px 0px; }
.wrap{ width: 100%; margin-top: 40px }
#main_corp .section{ width: 100%; height: 350px;  }
#main_corp .section .section_left{ width: 50%; height: 352px; display: inline-block; background: #f6f6f6; }
#main_corp .section .section_left_content{  width: 600px;  float:right;  margin-top: 100px;   }
#main_corp .section  b,.section_right  b{ width: 580px; display: inline-block; font-size: 20px; color: #353535; border-bottom: 1px dotted #d1d1d1; margin-bottom: 20px; }
#main_corp .section  b h5,.section_right  b h5{  margin-top: 10px; font-size: 20px;}
#main_corp .section  b i,.section_right  b i{ width: 60px; height: 60px; display: inline-block; float: left; font-size: 48px; color: #015cb5; font-style: normal;}
#main_corp .section  b span,.section_right  b span{ display: block; font-size: 12px; color: #c3c3c3; font-weight: normal;}
#main_corp .section  ul,.section_right  ul{ padding-left: 15px;}
#main_corp .section  ul li,.section_right  ul li{  list-style-image: url("../images/y_li.jpg"); font-size: 14px; margin-bottom: 10px; }
#main_corp .section .section_right {width: 50%; height: 350px; display: inline-block;  float: right;  background: url("../images/y_youshi_1.jpg") no-repeat; background-size: cover; }
#main_corp .section .section_right2 {width: 50%; height: 350px; display: inline-block;  float: right;  background: url("../images/y_youshi_3.jpg") no-repeat; background-size: cover; }
.section_even .section_left {width: 50%; height: 350px; display: inline-block;  float: left;  background: url("../images/y_youshi_2.jpg") no-repeat; background-size: cover; }
.section_even .section_right{ width: 50%; height: 350px; display: inline-block; background: #f6f6f6; }
.section_even .section_right_content{  text-align: left; padding-left: 100px; margin-top: 100px;}

#main_list{ width: 100%; height: 500px;  padding: 90px 0px 40px 0px;  background: #f5f5f5; }
.main_wrap{ width: 1200px; margin-top: 40px ; margin: 0 auto;  }
.main_list_left{  width: 433px; height: 475px; float:left;  padding-top: 35px; }
.main_list_left .section_obcir{  float: right; }
.main_list_left .obcir_ob_right{ border-right: 0px;}
.main_list_center{ width: 330px; height: 475px; float:left;  border: 2px solid #015cb5; background: url("../images/y_list.jpg")  }
.main_list_right{ width: 433px; height: 475px; float:right; padding-top: 35px;  }
.main_list_right .obcir_ob{ border-left: 0px; }
.section_obcir{ width: 300px; height: 102px; position: relative; margin-bottom:50px;  overflow: hidden; }
.section_obcir:hover .obcir_ob,.section_obcir:hover .obcir_ob_right{ background: #015cb5; color: #fff;}
.section_obcir:hover .obcir_cir,.section_obcir:hover .obcir_cir_left{ background: #f37f1c; }
.obcir_ob{ width:200px; height: 60px; border: 1px solid grey; float:left; padding: 20px; background: #fff;}
.obcir_cir{ width: 100px; height: 100px; border-radius: 100px; border: 1px solid #fff;z-index: 999; font-size: 32px; color: #fff; background: #adadad; position: absolute; right: 0px; line-height: 100px; text-align: center;}
.obcir_ob_right{ width:140px; height: 60px; border: 1px solid grey; float:right; padding: 20px 50px;background: #fff; }
.obcir_ob_right p,.obcir_ob p { font-size: 12px;  padding: 5px 0px;}
.obcir_cir_left{ width: 100px; height: 100px; border-radius: 100px; border: 1px solid #fff;z-index: 999; font-size: 32px; color: #fff; background: #adadad; position: absolute; left: 0px; line-height: 100px; text-align: center;}
.obcir_cir i{ width: 24px; height: 36px;  background: url("../images/y_contact.png") no-repeat; display: inline-block; position: absolute; bottom:5px; left:45px;}

#main_step{ width: 100%;  margin: 90px 0px 0px 0px;  }
.main_step_wrap{ width: 1200px;  margin: 0 auto; margin-top: 40px;  text-align: center; }
.step_section{ width: 120px; height: 120px;  background: #ffff; display: inline-block; border-radius: 120px; border: 1px solid #dfdfdf; color: #015cb5; position: relative; margin-right: 15px;}
.step_section b{  width:28px; height: 28px; display: inline-block; text-align: center; line-height: 28px; position: absolute; left:50px; top:-18px; background: #fff; z-index: 100;}
.step_section i{ width: 100px; height: 100px; background: #015cb5; border-radius: 100px; display: inline-block; margin-top: 10px; text-align: center; overflow: hidden; z-index: 9999; font-size: 12px; color:#fff; line-height: 100px; text-align: center; font-style: normal;}
.main_step_content{ text-align: center; padding: 30px 0px;}
.main_step_content b{ font-size: 20px ; color: #f37f1c; font-weight: bold;}
.main_step_content p{ padding: 20px 0px; font-size: 14px; color: #515151;}
.main_step_content p i{ width: 30px; height: 30px; display: inline-block; background: url("../images/y_tel.png") no-repeat ;  vertical-align: middle; margin-right: 10px; }
.main_step_content p strong{ font-size: 30px; vertical-align: middle;}
.main_step_content p a{ display: inline-block; height: 30px;line-height: 30px; border-radius: 30px ; margin-left: 15px; padding:0 30px; border: 1px solid #015cb5; color: #015cb5;}
.main_step_content p a:hover{ background: #015cb5; color: #fff;}
#main_company{ width: 100%;  margin: 20px 0px 40px 0px;  }
.wrap{ width: 100%; margin-top: 40px }
.section{ width: 100%;  }
.main_company_section_even .section_left {width: 50%; height: 392px; display: inline-block;  float: left;  background: url("../images/y_corp.png") no-repeat; background-size: cover; }
.main_company_section_even .section_right{ width: 50%; height: 392px; display: inline-block; background: #f6f6f6; }
.main_company_section_even .section_right_content{  text-align: left; padding: 20px; }
.main_company_section_even .section_right_content h3{ font-size: 20px; padding: 20px 0px;}
.main_company_section_even .section_right_content p{ height: 180px; overflow: hidden; line-height: 30px; color: #6d6d6d; font-size: 14px;}
.main_company_section_even .button{  margin-left: 20px; }
.main_company_section_even .button a{ width: 150px; height: 50px; line-height: 50px;display: inline-block; margin-right: 20px;   color: #fff; text-align: center; font-size: 14px;}
.main_company_section_even .button a:hover{ text-decoration: underline;}
#main_news{ width: 100%;  padding: 50px 0px 40px 0px; background: #f5f5f5;}
.main_news_left{ width: 727px; height: 300px; float: left; }
.case_title{ width: 100%; height: 60px; line-height: 60px; background: #fff;  }
.case_title a{  padding: 0 30px;   display: inline-block;  font-weight: bold; color: #343434; }
.case_title a.active{ background: #015cb5; color:#fff;}
.case_list{ }
.case_list_section{ padding: 20px 0px; }

.case_list_section_right{ width: 687px; padding: 0 20px; height: 370px;  float:right; margin-top: 10px; }
.case_list_section_right ul{}
.case_list_section_right ul li{ list-style: none;  }
.case_list_section_right ul li a{ height: 28px; line-height: 28px; color: #262626; font-size: 14px;  padding: 6px 0px; display: block; }
.case_list_section_right ul li a:hover,.case_list_section_right ul li a:hover i{ color: #015cb5;}
.case_list_section_right ul li a i{ font-style:normal; float: right; color:#969696; }
.case_list_section_right div{ width: 100%; padding-bottom: 10px;}
.case_list_section_right div b{ color: #262626; }
.case_list_section_right div p{ color: #969696; font-size: 12px; padding: 10px 0px; line-height: 20px;}
.mian_news_right{ width: 418px; display: inline-block; float: right;  }
.message_title{ width: 100%; height: 60px; line-height: 60px; color: #fff; background: #015cb5; text-indent: 10px;border: 1px solid #015cb5; font-weight: bold; }
.message_title i{ width: 30px; height: 30px;  background: url("../images/y_message.png") no-repeat; display: inline-block; margin-top: 15px; float: left; margin-left: 20px;}
.message_content{ width: 378px; height: 360px; padding: 20px; background: #fff; border: 1px solid #dddddd; border-top:0px; }
.mian_news_right input{  width: 378px; height: 40px; border: 1px solid #dddddd; border-radius: 4px; text-indent: 15px;  margin-bottom: 10px; }
.mian_news_right textarea{ width: 348px;  height: 88px;  margin-bottom: 10px;  border: 1px solid #dddddd; border-radius: 4px;   padding: 15px; line-height: 25px;}
.mian_news_right img{ vertical-align: middle; width: 100px; height: 38px;}
.mian_news_right img:hover{ cursor: pointer;}
.mian_news_right .sub{ width: 378px;  text-indent: 0px;  background: #f37f1c; color: #fff; margin: 10px 0px;}
.mian_news_right .sub:hover{ cursor: pointer; background: #FF8C00; }

#main_corp{ width: 100%;  margin:40px 0px 40px 0px; background: #f6f6f6; }
.wrap{ width: 100%; margin: 0 auto; margin-top: 40px; }
.swiper-container,.swiper-wrapper{  height: 300px;}
.swiper-slide{ width: 300px; height: 300px;}

#main_case{  height: 500px;  background: url("../images/y_case.jpg") no-repeat center 395px;  }
.main_case_title{ width: 100%; height: 60px; line-height: 60px; background: #fff;  margin-bottom: 30px; border-bottom: 1px solid #e4e4e4; color: #b8b8b8;font-size: 14px;  }
.main_case_title a{    display: inline-block; color: #373737; font-weight: bold; font-size: 18px; margin-right: 10px; }
.main_case_title a.active{ color:#0054b7;  border-bottom: 2px solid #0054b7; }

#footer{ width: 100%;  padding-top: 30px; background: #2e2e2f;   color: #a7a7a7; float: left;}
.f_top {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    padding: 50px 0;
}
.f_top b {
    display: block;
    font-size: 18px;
    color: #fff;
    margin-bottom: 22px;
    font-weight: bold;
}
.f_top ul {
    overflow: hidden;
    width: 170px;
}
.f_top ul li {
    font-size: 14px;
    margin-bottom: 10px;
    float: left;
    width: 50%;
}
.f_top ul li a {
    color: #9c9c9c;
}
.f_top ul li a:hover {
    color: #fff;
}
.f_top .f_top_r strong {
    display: block;
    font-size: 26px;
    color: #fff;
    font-weight: normal;
}
.f_top .f_top_r a {
    display: inline-block;
    width: 150px;
    line-height: 40px;
    color: #fff;
    margin-right: 25px;
    background: #f37f1c;
    -moz-transition: all 200ms linear;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    text-align: center;
    margin-top: 10px;
}
.f_top .f_top_r a:hover {
    background: #FF8C00;
    font-size: 14px;
}
.f_bottom {
    overflow: hidden;
    border-top: 1px solid #3d414f;
    position: relative;
    padding-top: 48px;
    margin-top: 48px;
    font-size: 14px;
    color: #767b8b;
    padding-bottom: 40px;
}
.f_bottom:after {
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background: #20232b;
    position: absolute;
    top: 0;
    left: 0;
}
.f_bottom a {
    font-size: 14px;
    color: #767b8b;
}
.f_bottom ul {
    float: left;
    margin-top: 10px;
}
.f_bottom ul li {
    line-height: 25px;
}
.f_bottom .wrapper > div {
    float: right;
}
.f_bottom .wrapper > div p {
    float: left;
    width: 270px;
    margin-right: 200px;
    margin-top: 10px;
}
.f_bottom .wrapper > div p > * {
    display: block;
}
.f_bottom .wrapper > div p small {
    margin-bottom: 6px;
    font-size: 14px;
}
.f_bottom .wrapper > div img {
    float: right;
}

.f_top_er .imgbox{
    float: left;
    margin-left: 10px;
}
.f_top_er .imgbox img{
    width:100px;
}
.f_top_er .imgbox p{
    font-size: 14px;
    color:#fff;
    text-align: center;
    margin-top: 5px;
}
.copyright{
    width:100%;
    background: #252525;
    line-height:50px;
}
.copyright_content{
    float: left;
}
.copyright_content p{
    font:14px 'Microsoft YaHei';
    color:#717171;
    line-height: 55px;
}
.copyright_content p a{
    color:#717171;
}


/*  subpage */
#main_left{ width: 240px; margin-top: -60px;  float: left; }
#main_left .title{  display: block; width: 100%; height: 50px; line-height: 50px; background: #015cb5; color: #fff; font-size: 18px; text-indent: 25px; }
.op{opacity:0.9; -moz-opacity:0.9;-khtml-opacity: 0.9;}
#main_left_top{ margin-bottom: 20px;    position: relative; z-index: 999; }
#main_left_top ul{  padding: 20px 0;  background: #fff;  }
#main_left_top ul li{  list-style: none;  border-bottom: 1px dotted #dcdcdc; }
#main_left_top ul li a{ display: block;  font-size: 14px;  height: 50px; line-height: 50px;text-indent: 20px; color: #000; background: url("../images/pro_li.png") no-repeat  260px center;  }
#main_left_top ul li a:hover,#main_left_top ul li .slider_active{ color: #fff; background: url("../images/pro_li_hover.png") no-repeat  260px center; background-color: #5fc863; }

#main_left_top ul li .slidermenu_hover{display: block;  margin: 0 10px; font-size: 14px;  height: 50px; line-height: 50px;text-indent: 20px; color: #fff; background: url("../images/pro_li_hover.png") no-repeat  260px center; background-color: #5fc863;s }

#main_left_top .main_left_top_content h3{
    width: 220px;
    height: 50px;
    line-height: 50px;
    background: #015cb5;
    font-size: 16px;
    text-indent: 10px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    padding: 0 10px;
    margin-top: 2px;
}
#main_left_top h3 a{
    color: #fff;
}
#main_right{ width: 930px; background: #fff;  float: right; }
.main_right_title{ width: 100%; line-height: 30px;  font-size: 14px; background: #f3f4f6; padding-bottom: 10px; }
.main_right_pro{ width: 940px;  display: inline-block; }
.main_right_pro ul.content_wrap{}
.main_right_pro ul.content_wrap li{margin-bottom: 30px; margin: 0 2px; margin-bottom: 20px; float: left; margin-right: 5px; }
.main_right_pro ul.content_wrap li .proinfo{ width: 300px; height: 308px; padding: 1px; display: inline-block;  border: 1px solid #d2d2d2; text-align: center; font-size: 16px; color: #3a3a3a;  }
.main_right_pro ul.content_wrap li .proinfo b{ height: 40px; line-height: 40px; font-size: 14px; }
.main_right_pro ul.content_wrap li .proinfo img{ width: 298px; height: 228px; margin: 1px;}
.main_right_pro ul.content_wrap li p a{ width: 150px; height: 36px; line-height: 36px; font-size: 14px; display: inline-block; color: #fff; }
.main_right_pro ul.content_wrap li p a:hover{  text-decoration: underline; }
.sub_main{ width: 930px; height: 500px; }
.sub_proinfo_top{ width: 930px; height: 370px; }
.sub_proinfo_top_pic{ width: 430px; height: 370px; float: left; background: grey;}
.sub_proinfo_top_pic img{ width: 430px; height: 370px; overflow:hidden;}
.sub_proinfo_top_content{ width: 450px; float: right;  padding:0 20px;}
.main_right_content,.main_right_news{  padding:20px 10px;  }
.sub_proinfo_top_content h3{ color: #015cb5; font-size: 26px;}
.sub_proinfo_top_content ul{ margin-top: 10px;}
.sub_proinfo_top_content ul li{ width: 100%; list-style: none; height:40px; line-height: 40px; color: #666; border-bottom:1px solid #ccc; overflow: hidden; }
.sub_proinfo_top_content b{ display: block; font-size: 28px; padding: 20px 0px; color: #f37f1c;}
.sub_proinfo_top_content span{}
.sub_proinfo_top_content span a{  height: 30px; line-height: 30px; display: inline-block; padding: 0 40px; border: 1px solid #11509b; margin-right: 10px;  margin-bottom: 20px; color: #11509b; }
.sub_proinfo_top_content span a:hover{background: #11509b; color: #fff; border: 1px solid #11509b;}
.sub_proinfo_content{ width:900px;  }
.sub_title{ width: 900px; height: 50px; line-height: 50px; border-bottom: 2px solid #015cb5; margin-top: 20px; }
.sub_title span{ height: 50px; padding: 0 20px; color: #fff; background: #015cb5; display: inline-block; text-align: center;}
.sub_content{ width: 860px; padding: 20px; font-size: 14px; line-height: 24px; overflow: hidden;}

/** news **/
.main_right_news section{ border-bottom: 1px solid #eaeaea; padding: 20px 0px; margin-bottom: 0px; }
.i_n_time { width: 50px; height: 100%; color: #c5c5c5; font-size: 12px; text-align: center;float: left;margin-left: 20px;}
.i_n_time b{ display: inline-block; width: 50px; height: 40px; margin-bottom: 3px;  background: #a3a3a3; color: #fff; font-size: 20px; line-height: 40px; text-align: center;}
.i_n_content { width: 290px; height: 100%; float: right; overflow: hidden; }
.main_right_news .i_n_content{ width: 800px; }
.i_n_content h4{ font-size: 16px; padding: 0px; margin-bottom: 5px;  overflow: hidden; }
.main_right_news h4{ text-align: left;}
.i_n_content h4 a{color: #4e4e4e;}
.i_n_content h4 a:hover{ color: #2a78d6;}
.i_n_content p{ font-size: 12px; color: #666666;}
.sub_ntitle{text-align: center; font-size: 20px; color: #333;}
.sub_des{ text-align: center; padding: 10px 0px; font-size: 14px;}
.news_image{ width: 100%;  height:  auto; text-align: center; display: block; }
.news_image img{ width: 600px; height: auto; margin: 0 auto;}

/**contact**/
#c_allmap{ width: 870px;height: 354px;  background: #aeaeae; }


/** message **/
.sub_message_title{ width: 418px; height: 60px; line-height: 60px; color: #fff; background: #015cb5; text-indent: 10px;border: 1px solid #015cb5; font-weight: bold; font-size: 18px; }
.sub_message_title i{ width: 30px; height: 30px;  background: url("../images/y_message.png") no-repeat; display: inline-block; margin-top: 15px; float: left; margin-left: 20px;}
.sub_content_wrap{ font-size: 14px; line-height: 24px; width: 418px;margin: 30px auto;}
.sub_message_content{ width: 378px; height: 360px; padding: 20px; background: #fff; border: 1px solid #dddddd; border-top:0px; }
.sub_message_content input{  width: 378px; height: 40px; border: 1px solid #dddddd; border-radius: 4px; text-indent: 15px;  margin-bottom: 10px; }
.sub_message_content textarea{ width: 348px;  height: 88px;  margin-bottom: 10px;  border: 1px solid #dddddd; border-radius: 4px;   padding: 15px; line-height: 25px;}
.sub_message_content img{ vertical-align: middle; width: 100px; height: 38px;}
.sub_message_content img:hover{ cursor: pointer;}
.sub_message_content .sub{ width: 378px;  text-indent: 0px;  background: #f37f1c; color: #fff; margin: 10px 0px;}
.sub_message_content .sub:hover{ cursor: pointer; background: #FF8C00; }

/** about  **/
.main_about{ width: 1200px; margin: 0 auto; padding: 10px 0;}
.main_about_top{ width:  100%; padding: 20px 0px;}
.main_about_text {  margin: 40px 0px; color: #afafaf; font-size: 14px;  line-height: 26px; }
.main_about_zz{ width: 100%; height: 404px; background: red;  display: block; background: url("../images/y_zz.jpg") no-repeat;}
.zz_left{ width: 740px; height: 344px; font-size: 14px; color: #fff;  padding: 40px; line-height: 26px;}
.main_about_bottom{  padding-bottom: 60px;}
.main_about_bottom .main_case_title{ margin-top: 30px;  border-bottom: 0px; text-align: center;}
.main_about_bottom .main_case_title a{ margin-right: -5px; height: 40px; line-height:40px; border: 1px solid #0054b7;  padding: 0 20px; color: #0054b7; display: inline-block;font-weight: bold; font-size: 18px; }
.main_about_bottom .main_case_title a:hover{ color:#fff; background: #0054b7;}
.main_about_bottom .main_case_title .about_active{ background: #0054b7; color: #fff; }


.index_pro{ margin: 50px 0; }
.index_pro ul.content_wrap{}
.index_pro ul.content_wrap li{list-style: none; float: left;}
.index_pro ul.content_wrap li a{ display: inline-block; width: 177px; height: 90px; text-align: center;  background: #efeff2;  overflow: hidden;  }
.index_pro ul.content_wrap li a:hover b{ color: #fff;}
.index_pro ul.content_wrap li a b{ font-weight: normal; font-size: 14px; width: 100%; height: 46px;  line-height: 46px; text-align: center; margin-top: -3px; color:#333333;  display: block; overflow: hidden;}
.index_pro ul.content_wrap li a img{ width: 177px; height: 90px; margin: 0 auto; }
#main_pro,#main_msg{ background: #ffffff; }
#main_pro{  height: 480px;  }
#main_pro p{ text-align: center;}
#main_pro p a{ display: inline-block; width: 114px; height: 40px; line-height: 40px; background: #2a78d6; border-radius: 8px; text-align: center; color:#fff; margin: 0 10px;}

#main_youshi{  height: 530px; background: #f5f5f5; }
#main_youshi .main_wrap{ height: 100%; background: url("../images/youshi.jpg") no-repeat; position: relative;  }
#main_youshi p{ font-weight: bold; color: #555555;}
.t1{  position: absolute; left:110px; top: 120px; }
.t2{  position: absolute; left:190px; top: 290px; }
.t3{  position: absolute; left:950px; top: 110px; }
.t4{  position: absolute; left:890px; top: 293px; }

section { width:100%; height: 58px; margin-bottom: 35px;}
.page{ padding: 30px 0px 10px 0px; text-align: center;}

#main_left_bottom{background: #fff;  }
#main_left_bottom .content { padding: 20px 10px;  }
#main_left_bottom .content p{  font-size: 14px; color: #333333;  }
#main_left_bottom .content p span{ color: #666666; line-height: 30px; font-weight: normal; margin-right: 5px; }

.sub_pic{ width: 467px;  margin: 0 auto; text-align: center; margin: 40px auto; }
.sub_pic b{ width: 100%; padding: 10px 0px; overflow: hidden; display: block;}
.sub_pic img{ width: 467px; height: 350px; }

.map{ width: 820px; height: 360px;  margin-bottom: 20px;  }
.pagination {}
.pagination li {display: inline-block;margin-right: -1px;padding: 5px;border: 1px solid #e2e2e2;min-width: 20px;text-align: center;}
.pagination li.active {background: #3e78d9;color: #fff;border: 1px solid #009688;}
.pagination li a {display: block;text-align: center; color: #999999; cursor: pointer; }